<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="Description" content="微信商城" />
		<meta name="Keywords" content="微信 商场" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="address=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="white" />
		<title>微信商城首页</title>
		<link rel="stylesheet" type="text/css" href="vendor/normalize.min.css" />
		<link rel="stylesheet" type="text/css" href="vendor/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="vendor/swiper/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/core.css" />

	</head>
	<body>
		<header class="common-header">
			<div class="header-title">
				<a href="#" class="toggle"></a>
				<a href="index.html" class="logo"></a>	
				<div class="title-right">
					<a href="cart.html" class="shopcar"></a>				
					<a href="search.html" class="select"></a>	
				</div>				
			</div>
			<ul class="header-hid-nav">
				<li>					
					<a href="index.html"><img src="img/index/hide-nav4.jpg"/><span>首页</span></a>					
				</li>
				<li>
					<a href="special.html"><img src="img/index/hide-nav3.jpg"/><span>专题</span></a>					
				</li>
				<li>
					<a href="classify.html"><img src="img/index/hide-nav2.jpg"/><span>分类</span></a>					
				</li>
				<li>
					<a href="personal.html"><img src="img/index/hide-nav.jpg"/><span>个人</span></a>					
				</li>
			</ul>
		</header>
		<section class="payment-container">
			<div class="container-border-bg"></div>
			<!--地址信息-->
			<section class="container-part container-address first">
				<i class="fa fa-angle-right"></i>
				<div class="address-info-wrapper">
					<div class="info-user-wrapper">
						<span class="address-username">网易严选</span>
						<i class="address-tag">默认</i>
					</div>
					<div class="info-content-wrapper">
						<span class="content-phone">136****2222</span>
						<p>重庆市沙坪坝区西科公寓</p>
					</div>
				</div>
				
			</section>
			
			<!--商品优惠-->
			<section class="container-part container-benefit">
				<ul class="benefit-list">
					<li class="list-item first">
						<a href="#">
							<div class="benefit-right">
								<i class="fa fa-angle-right"></i>
								<span class="benefit-num-wrapper">
									<span class="benefit-num">0</span>
									张
								</span>
							</div>
							<span class="benefit-text">请选择优惠券</span>
						</a>
					</li>
					
					<li class="list-item list-item-benefit">
						<a href="#">
							<i class="fa fa-angle-right"></i>
							<div class="benefit-text">
								<input type="checkbox" name="" id="" value=""/>
								<label for="">
									礼品卡：￥0.00
								</label>
							</div>
						</a>
					</li>
					
				</ul>
			</section>
			
			<!--商品的合计-->
			<section class="container-part container-comes">
				<ul class="comes-content">
					<li class="content-item">
						<span class="item-left">商品合计</span>
						<span class="item-money">￥69.00</span>
					</li>
					<li class="content-item">
						<div class="item-left">
							<span>运费</span>
							<div class="item-short-wrapper">
								<i class="item-short">再购买19元免邮</i>
								<div class="item-short-triangle-wrapper">
									<div class="item-short-triangle-box"></div>
									<div class="item-short-triangle-inner"></div>
								</div>
							</div>
						</div>
						<span class="item-money">￥10.00</span>
					</li>
					<li class="content-item">
						<span class="item-left">优惠券</span>
						<span class="item-money">-￥0.00</span>
					</li>
				</ul>
			</section>
			
			<!--加入购物车的商品-->
			<section class="container-part container-goods">
				<!--商品的详情-->
				<div class="goods-details">
					
					<!--商品的图片及价格-->
					<div class="details-pic">
						<img src="img/goods-details/swiper1.png" alt="" />
					</div>
					
					<!--加入购物车的商品的基本规格-->
					<div class="details-spec">
						<h6 class="spec-goodsname">狐狸毛球针织帽</h6>
						<i class="spec-color">灰色</i>
						<br />
						<span class="spec-money">￥69.00</span>
					</div>
					
					<!--加入购物车的数量-->
					<span class="details-num">x1</span>
					
				</div>
			</section>
			
			<!--同意协议-->
			<section class="container-agree">
				<input type="checkbox" name="" id="" value=""/><label for=""></label>
				<span>我同意</span>
				<a href="#">《严选平台服务协议》</a>
			</section>
		</section>
		
			
		<!--总价格及付款-->
		<footer class="payment-footer">
			<span class="footer-totalmoney">实付：￥79.00</span>
			<a class="footer-button" href="#">去付款</a>
		</footer>
		
		
		<script src="js/resize.js"></script>
		<script src="vendor/require.min.js" data-main="js/goods-details"></script>
	</body>
</html>
